<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/mui.css"/>
    <link href="css/index.css" rel="stylesheet"/>
	<style>
		.myList img{
				vertical-align:middle;
				width: 30px;
				height: 30px;
		}
			
		/*.py{
			float: right;
			display: inline-block;
			width: 26px;
			height: 26px;
			top: 0;
			background: url(img/1.jpg) no-repeat center;
			background-size: 26px;
			margin-right: 15px;
			vertical-align: middle;
		}	*/
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav myHeader">
	    <h1 class="mui-title myTitle">我</h1>
	</header>
    <div class="mui-content">
	    <ul class="mui-table-view">
	        <li class="mui-table-view-cell mui-media">
	            <a href="javascript:;" class="mui-navigate-right">
	                <img class="mui-media-object mui-pull-left" src="img/6.jpg">
	                <div class="mui-media-body">
	                   	皮卡丘的弟弟皮痒
	                    <p class="mui-ellipsis">微信号：H520025M</p>                    
	                </div>                
	            </a>          
	            <!--<span class="py"></span>-->
	            <!--<span class="mui-badge mui-badge-primary">12</span>-->
	        </li>
	    </ul>
	    <ul class="mui-table-view myList" style="margin-top: 20px;">
	        <li class="mui-table-view-cell">
	            <a class="mui-navigate-right"><img src="img/photo.png"> 相册</a>
	        </li>
	        <li class="mui-table-view-cell">
	            <a class="mui-navigate-right"><img src="img/box.png"> 收藏</a>
	        </li>
	        <li class="mui-table-view-cell myMoney">
	            <a class="mui-navigate-right"><img src="img/money.png"> 钱包</a>
	        </li>
	        <li class="mui-table-view-cell">
	            <a class="mui-navigate-right"><img src="img/bag.png"> 卡包</a>
	        </li>
	    </ul>
	    <ul class="mui-table-view myList" style="margin-top: 20px;">
	        <li class="mui-table-view-cell eMotion">
	            <a class="mui-navigate-right"><img src="img/face.png"> 表情</a>
	        </li>
	    </ul>
	    <ul class="mui-table-view myList" style="margin-top: 20px;">
	        <li class="mui-table-view-cell mySet">
	            <a class="mui-navigate-right"><img src="img/set.png"> 设置</a>
	        </li>
	    </ul>
    </div>
    <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript">
	    mui.init();
	    $('.myMoney').on('tap',function(){
	  	    mui.openWindow({
	  	     	url:'wallet.html',
	  	      	id:'wallet.html',
	  	      	style:{},
	  	      	show:{
	  	      		autoShow:true,  
	  	      		aniShow:'slide-in-right',
	  	      		duration:100 
	  	      	}
	  	    })
	    });
		$('.mySet').on('tap',function(){
	  	    mui.openWindow({
	  	     	url:'set.html',
	  	     	id:'set.html',
	  	     	style:{},
	  	     	show:{
	  	     		autoShow:true,  
	  	     		aniShow:'slide-in-right',
	  	     		duration:100 
	  	     	}
	  	    })
	  	});
	  	$(".eMotion").on('tap',function(){
	  		mui.openWindow({
	  			url:'emotion.html',
	  			id:'emotion.html',
	  			style: {},
	  			show: {
	  				autoShow: true,
	  				aniShow: 'slide-in-right',
	  				duration:100
	  			}
	  		})
	  	});
    </script>
</body>
</html>
